<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    const k = 'name'
    const o = {name: 'zs', age: 18, k: 99}
    console.log(o.k) // 99 
    // 对象访问属性[]写法是可以解析变量的
    console.log(o[k]) // 'zs' name属性
    console.log(o['k']) // 99  k属性

    o.k = 88 // 为对象中存在的k重新赋值为88 ,如果对象中没有k这个属性新增一个k属性值为88
    o[k] = '哈哈哈'// k是一个变量 为对象中存在的name重新赋值为哈哈哈 ,如果对象中没有name这个属性新增一个name属性值为哈哈哈
    console.log(o)
  </script>
</body>
</html>